<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">

    <ui:composition template="/template.xhtml">
        <ui:define name="right">
            <br></br><ui:include src="/front/usuario/login.xhtml" />
            <br></br><ui:include src="/modulos/seleccionarPlantilla.xhtml"/>
            <ui:include src="/front/carrito/linkCarrito.xhtml"/>
        </ui:define>
        <ui:define name="left">
            <ui:include src="/modulos/frontLeft.xhtml" />    
        </ui:define>
        <ui:define name="title">Lista de productos</ui:define>
        <ui:define name="content">  
            <ice:form >
                <c:if test="${mbListProd.mostrarProductos().size() != 0}">
                    <ace:dataTable id="tablaProd" value="#{mbListProd.mostrarProductos()}" var="var"
                                   paginator="true" paginatorPosition="bottom" rows="5" >

                        <ace:column styleClass="css_Columna" headerText="Nombre" sortColumn="Nombre">
                            <ice:outputText value="#{var.nombre}"/>
                        </ace:column>

                        <ace:column headerText="Descripción">
                            <ice:outputText value="#{var.descripcion}"/>
                        </ace:column>

                        <ace:column styleClass="css_Columna" headerText="Categoría">
                            <ice:outputText value="#{var.categoria.nombre}"/>
                        </ace:column>

                        <ace:column headerText="Imagen">
                            <ice:commandLink action="#{mbListProd.mostrarProducto(var.id,'/front/productos/lista')}"><img src="#{var.imagen}" width="100" height="100"></img></ice:commandLink>
                        </ace:column>

                        <ace:column styleClass="css_Columna" headerText="Precio">
                            <ice:outputText value="#{var.precio}">
                                <f:convertNumber type="currency"
                                                 currencySymbol="€"
                                                 groupingUsed="true"
                                                 minFractionDigits="2"
                                                 maxFractionDigits="2"/>
                            </ice:outputText>
                        </ace:column>

                        <ace:column headerText="Stock">
                            <ice:outputText value="#{mbListProd.stockCero(var.stock)}"/>
                        </ace:column>

                    </ace:dataTable>
                </c:if>
                <c:if test="${mbListProd.mostrarProductos().size() == 0}">
                    <br></br>
                    <b><ice:outputLabel value="No hay productos" ></ice:outputLabel></b>
                </c:if>
                <br></br>
            </ice:form>
        </ui:define>
    </ui:composition>
</html>
